iT邦幫忙

2018 iT 邦幫忙鐵人賽
DAY 29
1
Modern Web

菜鳥前端奮鬥史(欸?系列 第 29

Day29 「即將步入尾聲」 ─ 菜鳥的前端學習資源大公開!

  • 分享至 

  • xImage
  •  

今天不寫 code ,來分享那些小菜鳥當初學習的資源吧!

關於線上課程

使用 HTML、CSS 開發一個網站

https://ithelp.ithome.com.tw/upload/images/20180117/20107640tuiU9ICxcU.png

六角學院於 Udemy 上推出的第一門課
課程內容淺白、循序漸進,對於一開始什麼都不懂的朋友們來說是很好的入門課程!

真的也非常感謝六角的兩位老師不厭其煩的回答疑問 /images/emoticon/emoticon37.gif
老師們對於不論是課堂上的留言詢問,或是私下的私人討教,都會抽空解答!

推薦客群HTML、CSS,傻傻搞不清楚的小萌新 (對,我當初就是如此..
  

JavaScript 入門篇 - 學徒的試煉

https://ithelp.ithome.com.tw/upload/images/20180117/20107640kdUYyLmMK0.png

嘿對,也是六角的課程..我真的不是要來安麗的啦,相信我 QQ
這門課程對於 JS 基礎的應用,如 什麼是變數、函式,陣列跟物件又各是什麼,用很簡單明瞭的方式去做說明
非常推薦知道 JS 但是跟他本人完全不熟 的朋友們!

推薦客群想了解 JavaScript 基本使用的入門學徒 (已經不是當初的小萌新囉
  

JavaScript 全攻略:克服 JS 的奇怪部分

https://ithelp.ithome.com.tw/upload/images/20180117/20107640u1UWIPoFCT.png

心目中想深入了解 JavaScript最強的神課! /images/emoticon/emoticon32.gif

若本身英文能力還不錯,推薦去買英文版的,問答區的討論會比較多
https://ithelp.ithome.com.tw/upload/images/20180117/201076400r7euTjA0u.png

「英文版的註冊人數跟推薦評論甚至有如此高的評價呢」

中文版本的基本上只有看到在詢問「為什麼沒有字幕」而已... /images/emoticon/emoticon38.gif

執行環境運作環境型別運算子物件導向原型繼承
真的是把 JS 的各種奇怪疑難雜症解析得非常透徹呀!

甚至在 PTT討論版 跟 這次鐵人賽 也有不少題目是根據這門課程去撰寫心得跟分享的唷!

推薦客群想跟 JavaScript 更進一步博好感情的工程師們
 

精通 VueJS 之 前端開發完全指南

https://ithelp.ithome.com.tw/upload/images/20180117/201076407sv2h3QdLJ.png

同樣是 JS 的進階部分,這次來探討火紅的前端三大框架之一 ── Vue.js
其實這門課程我本身也還沒有買,但是聽過姚老師的直播課程分享之後就深深覺得這是口袋名單了
有錢一定把它帶回家詳閱 QQ

推薦客群想進修框架的 JavaScript 奴隸
  

動畫互動網頁程式入門 (HTML/CSS/JS)

https://ithelp.ithome.com.tw/upload/images/20180117/20107640F5dV1bq4Rk.png

同樣是雖然我沒買,但仍是滿推薦的一門課
隊友有一天的鐵人文曾經力推過 /images/emoticon/emoticon37.gif
【Day23】認真分享正在學習的hahow課程!

內容教學有使用到 PugSCSS 等實用的模板語言,在程式方面則是使用上手曲線比較簡單的 jQuery (設計師朋友們表示不會太難懂 XD

推薦客群視覺系動物的前端入門
  

人生不能重來,但 GIT 可以

https://ithelp.ithome.com.tw/upload/images/20180117/20107640EOcVzpwPB0.png

這個不囉嗦,講到 Git ,五倍紅寶石的龍哥可能真的是台灣最厲害的講者!
推薦序不知道要打什麼了,大家就自己看看吧! QQ

推薦客群想學好版本控制告別豬隊友的小夥伴們


免費的線上資源

Hi 直播學程式

https://scontent-tpe1-1.xx.fbcdn.net/v/t1.0-9/22196011_141860429883958_1519652070646977444_n.jpg?oh=2068bffa211622daed96e94d6c8277ef&oe=5AF6E851

每次都能邀請到很厲害的老師們來分享!
課程內容詳細,重點是**直播課程有問題可以馬上發問呀!**超棒的! /images/emoticon/emoticon35.gif
  

老闆 來點寇汀吧。 Boss,CODING please.

https://ithelp.ithome.com.tw/upload/images/20180117/20107640IOP4ShYAch.jpg

講師是上面介紹過的 動畫互動網頁程式入門 (HTML/CSS/JS)講者 ── 吳哲宇
之前因為錄製課程所以直播停止了一段時間,不過聽說最近又會開始活動囉!
哲宇老師本身是設計出身的工程師,所以在作品上也能看其出別具巧思的畫面
能做出美美的東西心情當然也會很開心啦/images/emoticon/emoticon07.gif
  

LiveCoding.tw

https://ithelp.ithome.com.tw/upload/images/20180117/201076400aGGu1KlZ5.png

有點可惜是 LiveCoding 目前已暫停直播活動了
不過講者 OA吳政賢 在過往直播內容中的內容也十分有趣
非常推薦觀看!


書籍資料

網頁就是這麼疊出來的!企劃與設計人員都該懂的版型X模組X樣式設計架構(附CD)

https://pgw.udn.com.tw/gw/photo.php?u=/readingimg/covert_page/book/106288.jpg&fw=280&sl=W&exp=3600

全彩印刷,內附圖文解說,從 HTML 到 CSS ,切版所有的大小流程,慢慢講給你聽
小缺點是內容有些部分可能跳太快,完全沒基礎的新手可能一開始會有點霧煞煞
不過我覺得已經是相對適合新手觀看的入門書籍嚕!

為你自己學Git

https://ithelp.ithome.com.tw/upload/images/20180117/20107640E6uPy2wFz3.jpg

龍哥說這本書的產出其實是當初在準備課程的時候手打的逐字稿,結果打太多發現都可以出書了,那就把它發行吧 /images/emoticon/emoticon37.gif
很適合拿來搭配上面推薦的課程觀看,一次瞭解 Git 版本控制到底都能做到什麼


原本還想分享本次鐵人賽看到的各方優質系列文章,結果自己好像先懶了 /images/emoticon/emoticon46.gif
也許有機會我們再補上? (開坑

https://ithelp.ithome.com.tw/upload/images/20180117/20107640cTl1j5xuXt.png
明天就是鐵人賽最後一天囉,加油加油! /images/emoticon/emoticon08.gif


>>隊友任意門<<

我是小菜鳥阿陰,我們下次見!


上一篇
Day28 「使用網頁等公車」 ─ 就來做搜尋功能囉!
下一篇
Day30 「鐵人賽的結束」 ─ 告解時間?
系列文
菜鳥前端奮鬥史(欸?30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言